<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>PlayStation.Store</title>
    <link rel="stylesheet" href="/css/xiangqingye.css">
</head>
<body>
    <!-- header -->
    <header></header>


    <div class="main3">
        <div id="xiangqing">
            
        </div>

        <script type="text/html" id="xqTemplate">
            <div class="zxq">

                    <div class="shang">
                        <div class="xximg">
                            <img src="{{img[0]}}" alt="">
                        </div>
                        <h3>HK$<span>{{jg}}</span></h3>
                        <button class="yushou" id="add-to-cart-btn">加入购物车</button>
                        <button class="shoucang">新增至收藏夹</button>
        
                        <div class="shebei">
                            <p>播放设备：</p>
                            <button class="ps001">PS4</button>
                            <a href="#">按一下此处了解方法</a>
                        </div>
                    </div>
        
                    <div class="xia">
                        <h3>详细内容</h3>
                        <div class="lxda1">
                            <h5>类型</h5>
                            <span>{{xxnrlx}}</span>
                        </div>
                        <div class="lxda2">
                            <h5>档案大小</h5>
                            <span>{{xxnrdadx}} G</span>
                        </div>
                    </div>
                </div>
        
                <div class="yxq">
        
                    <div class="xqtitle">
                        <h2>{{zwbt}}</h2>
                        <div class="ywtitle">{{ywbt}}</div>
                        <div class="fsxq">{{fsxx}}</div>
                    </div>
                    <div class="fdj">
                        <div class="bigimg">
                            <img src="{{img[0]}}" class="fdimg">
                        </div>
                        <ul class="xiaoimg" id="gal1">
                            {{each img src}}
                            <li>
                                <a href="" data-image="{{src}}" data-zoom-image="{{src}}">
                                    <img src="{{src}}" alt="">
                                </a>
                            </li>
                            {{/each}}
                        </ul>
                    </div>
                    <ul class="xqimg">
                            {{each xqimg src}}
                            <li><img src="{{src}}" alt=""></li>
                            {{/each}}
                    </ul>
        
                </div>
        </script>
        

    </div>

    
    <!-- footer -->
    <footer></footer>
</body>
<script src="/libs/require/require.min.js" data-main="/js/xiangqingye"></script>
</html>